.register{
	width: 100%;
	height: 100%;
	background-image: url(../image/background.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	form{
		.mt(55);
		.from-line{
			margin-left: auto;
			margin-right: auto;
			.w(300);
			.h(40);
			background-color: @fromBgs;
			span{
				.w(50);
				.h(40);
				background-color: @fromBgt;
				background-repeat: no-repeat;
				background-position: center;
			}
			.accout{
				background-image: url(../image/account.png)
			};
			.password{
				background-image: url(../image/lock.png)
			}
			&:first-child{
				border-bottom: 1px solid @defaultcolor;
			}
			input{
				border:none;
				outline: none;
				color:@defaultcolor;
				background-color: transparent;
				.l_h(40);
				.w(230);
				.pl(20);
				&::-webkit-input-placeholder{
					color: #eee;
				}				
			}
			.validation-invalid{
				position: absolute;
				right: 0;
				top:10px;
				padding: 0;
				.fs(12);
				color:@warncolor;
				margin: 0;
			}
		}
		.from-code{
			margin-left: auto;
			margin-right: auto;
			.w(300);
			.h(40);
			.mt(40);
			background-color: transparent;
			input{
				.w(180);
				.h(40);
				.pl(20);
				border:none;
				color: @defaultcolor;
				background-color: @fromBgs;
				&::-webkit-input-placeholder{
					color: #eee;
				}
			}
			.validation-invalid{
				position: absolute;
				right: 100px;
				top: 0px;
				padding: 0;
				.fs(12);
				color:@warncolor;
				margin: 0;
			}
			span{
				.w(90);
				.l_h(40);
				color: @headbgcolor;
				&.disable{
					color: #9f9f9f;
				}
			}
		}
		button{
			.w(300);
			.h(35);
			.fs(18);
			font-weight: bold;
			border:1px solid @headbgcolor;
			&.login-btn{
				background-color: @headbgcolor;
				color: @defaultcolor;
				.mt(40);
			}
			&.register-btn{
				background-color: @headbgcolorBg;
				color: @headbgcolor;
				.mt(20);
			}
		}
	}
}